<template>
  <div>
    <div class="row">
      <label>网格级别</label>
      <span>{{currentGridLevel}}</span>
    </div>
    <div class="row">
      <label>网格名称</label>
      <span>{{prop.name}}</span>
    </div>
    <div class="row">
      <label>企业数量</label>
      <span>{{prop.enterprises && prop.enterprises.length}}</span>
    </div>
    <div class="row">
      <label>网格负责人</label>
      <span>{{prop.areaManager && prop.areaManager.attributes.DisplayName}}</span>
    </div>
    <div class="row">
      <label>联系电话</label>
      <span>{{prop.areaManager && prop.areaManager.attributes.tel}}</span>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
const LEVEL = ["一级网格", "二级网格", "三级网格", "四级网格"];
export default {
  props: {
    prop: {}
  },
  computed: {
    currentGridLevel() {
      return LEVEL[this.prop.gridLevel - 1] || "未知";
    }
  }
};
</script>

<style scoped>
</style>
